
// 添加导航栏菜单展示
$('.header-nav-bar').hover(function () {
	$(this).find('.nav-bar ul li').mouseover(function (index) {
		$(this).addClass('lishover').siblings().removeClass('lishover');
		$('.header-nav-bar .nav-menu').eq($(this).index()).addClass('active').siblings().removeClass('active');
		$('.header-nav-bar .nav-menu').stop().animate({
			opacity: 1
		}, 500);
	});
}, function () {
	$('.nav-bar ul li').removeClass('lishover');
	$(this).find('.nav-menu').stop().animate({
		opacity: 0
	}, 300, function () {
		$('.nav-menu').removeClass('active');
	});
});

// 轮播图
var width;
var lisWidth;
width = lisWidth = $(document.body).width();
$('.banner .img li').css({ width: lisWidth })
$(window).resize(function () {
	widthshow();
});
var widthshow = function () {
	// console.log($(document.body).width());
	lisWidth = $(document.body).width();
	if (lisWidth > 1200) {
		$('.banner .img li').css({ width: lisWidth })
		width = lisWidth;
	} else {
		$('.banner .img li').css({ width: 1200 })
		width = 1200;
	}
}
$(function () {
	imgscrool('.header-hf');
})

function imgscrool(obj) {
	var moving = false;
	// var width = $(obj + " .banner .img img").width();
	var i = 0;
	var clone = $(obj + " .banner .img li").first().clone();
	$(obj + " .banner .img").append(clone);
	var size = $(obj + " .banner .img li").size();
	for (var j = 0; j < size - 1; j++) {
		$(obj + " .banner .num").append("<li></li>");
	}
	$(obj + " .banner .num li").first().addClass("on");

	/*鼠标划入圆点*/
	if ($(obj + " .banner .num li")) {

		$(obj + " .banner .num li").hover(function () {
			var index = $(this).index();
			i = index;
			$(obj + " .banner .img").stop().animate({ left: -index * width }, 1000)
			$(this).addClass("on").siblings().removeClass("on")
		})
	};


	/*自动轮播*/
	var t = setInterval(function () {
		i++;
		move();
	}, 6000)

	/*对banner定时器的操作*/
	$(obj + " .banner").hover(function () {
		clearInterval(t);
	}, function () {
		t = setInterval(function () {
			i++;
			move();
		}, 6000)
	})

	if ($(obj + " .banner .btn_l")) {
		/*向左的按钮*/
		$(obj + " .banner .btn_l").stop(true).click(function () {
			if (moving) {
				return;
			};
			moving = true;
			i--
			move();
		})
		/*向右的按钮*/
		$(obj + " .banner .btn_r").stop(true).click(function () {
			if (moving) {
				return;
			}
			moving = true;
			i++
			move()
		})
	};
	function move() {
		if (i == size) {
			$(obj + " .banner  .img").css({ left: 0 })
			i = 1;
		}
		// 修改轮播每屏宽度
		if (i == -1) {
			$(obj + " .banner .img").css({ left: -(size - 1) * width })
			i = size - 2;
		}
		$(obj + " .banner .img").stop(true).delay(200).animate({ left: -i * width }, 1000, function () {
			moving = false;
		})

		if (i == size - 1) {
			$(obj + " .banner .num li").eq(0).addClass("on").siblings().removeClass("on")
		} else {
			$(obj + " .banner .num li").eq(i).addClass("on").siblings().removeClass("on")
		}
	}
}

// 显示标题
$('.show').mouseover(function () {
	$(this).find('span').stop().animate({ bottom: 0 }, 200);
})
$('.show').mouseout(function () {
	$(this).find('span').stop().animate({ bottom: -25 }, 200);
})

// 友情链接色彩变换
// $('.blogroll ul li').hover(function(){
// 	$(this).find('img').animate({
//     	filter: 'none'
// 	},300)
// },function(){
// 	$(this).find('img').animate({
// 		WebkitFilter: 'grayscale(1)',
// 		filter:'gray',
// 		filter: 'grayscale(1)',
// 	},300)
// })

$(window).bind('scroll', function () {
	　　var juli = $(document).scrollTop();//获取当前滑动条距离顶部的距离
	　　if (juli > 1000) {　　　　　　　　　  //判断滑动条与顶端的距离是不是大于500
		　　　　$(".scrollTop").show();　　　　 //如果大于500，显示回到顶部的按钮
	　　}
	　　else {
		　　　　$(".scrollTop").hide();　　　　 //如果小于500，隐藏回到顶部的按钮
	　　}
});
// 回到顶部
$('.scrollTop').click(function () {
	$('html,body').animate({
		scrollTop: 0
	}, 300);
});